export const basicUsage = `
import {PhDropdown,PhDropdownItem} from 'phoeon'
interface Dropdown{
    //按钮主题色
    type:{
        type:String //同 按钮
    },
    theme:{
        type:String,
        default:"dark" //"light" //下拉主题
    },
    hover:{
        type:Boolean,
        default:false //下拉展开的事件，默认为click
    },
    title:{
        type:String,
        default:" "
    },
    align:{
        type:String //子元素文本左右对齐 <left|null->center|right>
    },
    @action : 代理子元素点击事件 当需要代理子元素点击事件的时候，为作区分，子元素需要唯一标识action
}
interface DropdownItem{
    icon:{
        type:String
    },
    iconRight:{
        type:String
    },
    action:{
        type:String //item 唯一标识，可以唯空
    },
    @action : 点击事件
}
`;
export const script = `import { defineComponent } from 'vue'
import {PhDropdown,PhDropdownItem} from 'phoeon'

export default defineComponent({
    components:{PhDropdown,PhDropdownItem}
})`;

export const template = `<ph-dropdown title="浏览器" :hover="true" type="primary">
    <ph-dropdown-item @action="onAction" action="chrome" icon="chrome">谷歌</ph-dropdown-item>
    <ph-dropdown-item @action="onAction" action="firefox" icon="firefox">火狐</ph-dropdown-item>
    <ph-dropdown-item @action="onAction" action="safari" icon="safari">苹果</ph-dropdown-item>
    <ph-dropdown-item @action="onAction" action="ie" icon="internet-explorer">IE</ph-dropdown-item>
</ph-dropdown>
<ph-dropdown title="浏览器" type="danger" style="margin-left:1rem;width:9rem" @action="onAction">
    <ph-dropdown-item action="chrome" icon-right="chrome">谷歌</ph-dropdown-item>
    <ph-dropdown-item action="firefox" icon-right="firefox">火狐</ph-dropdown-item>
    <ph-dropdown-item action="safari" icon-right="safari">苹果</ph-dropdown-item>
    <ph-dropdown-item action="ie" icon-right="internet-explorer">IE</ph-dropdown-item>
</ph-dropdown>
<ph-dropdown title="浏览器" theme="light" style="margin-left:1rem;width:9rem" align="left">
    <ph-dropdown-item @action="onAction" action="chrome" icon-right="chrome">谷歌</ph-dropdown-item>
    <ph-dropdown-item @action="onAction" action="firefox" icon-right="firefox">火狐</ph-dropdown-item>
    <ph-dropdown-item @action="onAction" action="safari" icon-right="safari">苹果</ph-dropdown-item>
    <ph-dropdown-item @action="onAction" action="ie" icon-right="internet-explorer">IE</ph-dropdown-item>
</ph-dropdown>`;
